<!--
 * @Author: maqaing
 * @Date: 2021-10-24 14:55:04
 * @LastEditors: maqiang
 * @LastEditTime: 2021-10-24 16:28:18
 * @Description: 
-->
<template>
  <el-table :data="RolesData" stripe style="width: 100%">
    <el-table-column type="index" label="序号" width="180"> </el-table-column>
    <el-table-column prop="name" label="姓名" width="180"> </el-table-column>
    <el-table-column  label="操作" align="right" > 
        <template>
          <el-tag>编辑</el-tag>
          <el-tag>授权</el-tag>
        </template>
    </el-table-column>
  </el-table>
</template>
<script>
import request from "@/utils/request";
export default {
  data() {
    return {
      RolesData: [],
    }
  },
  methods: {
    // 请求角色数据
    findAllRoles() {
      request.get("/role/findAll").then((res) => {
        this.RolesData = res.data;
      });
    },
  },
  created() {
    this.findAllRoles();
  },
};
</script>
<style scoped>
</style>